<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
  .red { color:red; }
</style>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>navigation</title>
<link href="navigation.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="learnerprofiles.js"></script>
<script type="text/javascript">
	function myClass()
	{
		 $.get("class.php", function(data)
        { 
          if(true)
		  { 	         			  
			  //alert( data );
			  $('#cent').html( data );
          }
          else
          {
             $('#cent').html("<span class='red'>Hello <b>Again</b></span>");
		  }
		 });		  
	};

	function myRubric()
	{
		$('#cent').empty().load("myRubric.html");
	};
</script>
</head>
<body>
<div id="container">

<div id="header">
<div id="smalllogo">
<img name="logo" class="fl" src="images/smallLogo.png" alt="small logo" />
</div><!--smalllogo-->
<div id="learnerProfiles">
    <p/><font size="6">Learner Profiles</font>
    <br/><font size="-1">BURNABY NORTH SECONDARY</font>
</div><!--end learnerProfiles-->

	<div id="buttons">
    <button id="MyClasses" style="width:94px;height:40px" type="button" onclick="myClass()">My Classes</button>
    <button id="MyRubrics" style="width:94px;height:40px" type="button" onclick="myRubric()">My Rubrics</button>  
    <button id="MySettings" style="width:94px;height:40px" type="button">My Settings</button>
	</div><!--end buttons-->

</div><!--end header-->
<div id="content">
	<div id="cent">
    </div><!--end of cent-->
</div><!--end content-->
</div><!--end container-->

</body>
</html>
